/**
 * 控制(拦截) 组件的访问渲染
 * 核心：判断是否有token=> isAuth()
 * 1. 有token => 正常渲染组件的访问
 * 2. 没有token => 跳转登录页
 * @returns
 */

import { isAuth } from '@/utils/auth'
import { Navigate } from 'react-router-dom'

/**
 *
 * @param {*} element 拦截的组件 (用户正在访问的页面)
 * @returns
 */
function Auth({ element }) {
  return <>{isAuth() ? element : <Navigate to="/login" replace={true} />} </>
}

export default Auth
